/* size and align the headers on the home screen */
.home-header {
  font-size: 1.6em;
  margin-bottom: 10px;
}
.home-header, .home-header a {
  color: #da223a;
  text-decoration: none;
}
.home-header i {
  vertical-align: middle;
  padding-right: 8px;
}
.home-header span { vertical-align: middle; }

/* home grid layout */
.home-container {
  display: flex;
  flex-wrap: wrap;
}

.home-box {
  flex-basis: calc(33.33% - 30px);
  margin: 10px;
  min-width: 200px;
  min-height: 200px;

  box-sizing: border-box;
  padding: 19px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}


/* Setting admonition */
:root {
    --md-admonition-icon--setting: url('')
}

.md-typeset .admonition.setting,
.md-typeset details.setting {
    border-color: rgb(43, 155, 70);
}
.md-typeset .setting > .admonition-title,
.md-typeset .setting > summary {
    background-color: rgba(43, 155, 70, 0.1);
    border-color: rgb(43, 155, 70);
}
.md-typeset .setting > .admonition-title::before,
.md-typeset .setting > summary::before {
    background-color: rgb(43, 155, 70);
    -webkit-mask-image: var(--md-admonition-icon--setting);
    mask-image: var(--md-admonition-icon--setting);
}

.md-nav__link {
  padding-top: 0.4em;
}

.md-ellipsis {
  padding-top: 0.4em;
}

.url-edit-link > svg {
    float: right;
    height: 1rem;
    width: 1rem;
    /*line-height: 1em;*/
    fill: rgb(43, 155, 70);
    cursor: pointer;
}
.url-edit-link > svg:hover {
    fill: rgb(37, 133, 59);
}
.setting-link {
    /*font-size: 1.1em;*/
    /*line-height: 1em;*/
    cursor: pointer;
}
a.setting-link, a.setting-link:visited {
    color: var(--md-admonition-fg-color);
}

a.setting-link:focus, a.setting-link:hover {
    color: rgb(37, 133, 59);
}

.md-typeset .admonition, .md-typeset details {
    font-size: 1em;
}
